{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<!-- <link rel="stylesheet" style="text/css" href="__PUBLIC__/Css/front/user_glb.css?version={$version}"> -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<style type="text/css">
    body,html{
    	height:100%;
    	overflow:auto;
    }
    #load_wrapper{
    	top:4.4rem;
    	box-sizing:border-box;
    	padding-bottom:2rem;
    }
   .project_type_tab1{
	   	width:100%;
	   	position:absolute;
	   	left:0;
	   	top:2.2rem;
	   	z-index:6;
   }
   .project_type_list{
	   	left:0;
	   	top:2.2rem;
	   	overflow:hidden;
	   	z-index:5;
	   	max-height:90%;
	   	display:none;
   }
</style>
{/block}
{block name="content"}
{include file="../common_header.html"}
<ul class="clearfix project_type_tab project_type_tab1">
        <li class="fl">
            <div class="type_tab_box clearfix" >
                <p class="fl" id="domain">领域</p>
                <i class="fl icon icon_screen_default3x icon_up3x"></i>
            </div>
        </li>
        <!--<li class="fl">
            <div class="type_tab_box clearfix">
                <p class="fl" id="territory">地域</p>
                <i class="fl icon icon_screen_default3x icon_up3x"></i>
            </div>
        </li>-->
    </ul>
    <!--<div class="project_bg" style="display:none;"></div>-->
    <div class="project_type_list" id="menu_spread_wrap">
    	<div class="menu_spread">
    		<dl class="project_tab_menu domain" style="display:none;">
	            <dd class="clearfix active " data-domain_id='0'>
	                <p class="fl">全部</p>
	                <i class="fr icon icon_sele3x"></i>
	            </dd>
	            {foreach from = $domain_list item=domain}
	            <dd class="clearfix" data-domain_id = "{$domain.type_id}">
	                <p class="fl">{$domain.type_name}</p>
	                <i class="fr icon icon_sele3x"></i>
	            </dd>
	            {/foreach}
	        </dl>
    	</div>
        
        <!--<dl class="project_tab_menu city_id" style="display:none;">
            <dd class="clearfix" data-city_id='0'>
                <p class="fl">全部</p>
                <i class="fr icon icon_sele3x"></i>
            </dd>
            {foreach from =$city_list item = city}
            <dd class="clearfix {if $city_id == $city.city_id}active{/if}" data-city_id = "{$city.city_id}">
                <p class="fl" >{$city.city_name}</p>
                <i class="fr icon icon_sele3x"></i>
            </dd>
            {/foreach}
        </dl>-->
    </div>
<div id="load_wrapper">
<div id="scroller">
<div id="pullDown">
    <span class="pullDownIcon"></span>
</div>
<ul class="teacher_list">
    {foreach from = $service_mentor_list item = mentor}
    <li>
        <a href="/FrontService/mentor_detail/service_providers_id/{$mentor.service_providers_id}" class="clearfix">
            <img src="{$mentor.service_providers_logo}" alt="" class="fl" />
            <div class="fr teacher_cont">
                <h6>{$mentor.user_name}&nbsp;&nbsp;&nbsp;<span>{$mentor.position_name}</span></h6>
                <p>{$mentor.service_providers_describe}</p>
                <dl class="clearfix">
                    <dt class="fl pic icon_dingwei_default3x"></dt>
                    <dd class="fl">{$mentor.city_name}</dd>
                </dl>
            </div>
        </a>
    </li>
    {/foreach}
</ul>
<div id="pullUp">
    <span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载...</span>
</div>
</div>
</div>
<div class="project_bg" style="display:none;"></div>
{/block}
{block name="js"}
<script>
    var domain_id = 0;
//    var city_id = 0;
    var firstRow = parseInt({$firstRow});
    var total = parseInt({$total});
    var key_words ='{$key_words}';
</script>
{literal}
<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/mentor_circle.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/get_mentor_list.js"></script>
        <script type="text/javascript">
//            $("#territory").html($(".city_id").children(".active").children("p").html());
            $("#domain").html($(".domain").children(".active").children("p").html());

//            $(".city_id dd").on("click",function(){
//                var html = ($(this).children("p").html());
//                $("#territory").html(html);
//            });
            $(".domain dd").on("click",function(){
                var html = ($(this).children("p").html());
                $("#domain").html(html);
            });
            var menuScroll = new iScroll("menu_spread_wrap");
            $(".project_type_tab li").on("click",function(){
            	setTimeout(function(){
            		menuScroll.refresh();
            	},100);
            });
        </script>
{/literal}
{/block}
